<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=2.0,minmum-scale=2.0">

    <title>Document</title>
    <link rel=" stylesheet " href="./css/index.css ">
    <link rel="stylesheet " href="./css/normalize.css ">
</head>

<body>
    <!-- 头部 -->
    <header class="app clear">
        <div>
            <img src="./image/5b850f6fN747fe6a5.png" alt="">
        </div>
        <div>
            <img src="./image/5b850ecaN644d2983.png" alt="">
        </div>
        <div>
            <p>打开京东App</p>
            <p>购物实惠又轻松</p>
        </div>
        <div> 立即打开</div>
    </header>
    <!-- 搜索 -->
    <div class="search-wrap">
        <div></div>
        <div class="search">
            <div class="jd-icon">
            </div>
            <div class="sou"></div>
        </div>
        <div>登录</div>
    </div>
    <!-- 主体内容部分 -->
    <div class="main-content">
        <!-- 滑动图 -->
        <div class="slider-bg">
        </div>
        <div class="slider">
            <img src="./image/dd133bbb8cb5db3b.jpg" alt="">
        </div>
        <!-- nav部分 -->
        <nav class="clear">
            <a href=""><img src="./image/ec560dbf9b82b90b.png" alt=""><span>京东超市</span></a>
            <a href=""><img src="./image/ccf74d805a059a44.png" alt=""><span>数码电器</span></a>
            <a href=""><img src="./image/758babcb4f911bf4.png" alt=""><span>京东服饰</span></a>
            <a href=""><img src="./image/a0d5a68bf1461e6d.png" alt=""><span>京东生鲜</span></a>
            <a href=""><img src="./image/37c65625d94cae75.png" alt=""><span>京东到家</span></a>
            <a href=""><img src="./image/d86d463521140bb6.png" alt=""><span>充值收费</span></a>
            <a href=""><img src="./image/d15aa650a0ebe596.png" alt=""><span>物流查询</span></a>
            <a href=""><img src="./image/c5acd2f8454c40e1.png" alt=""><span>领券</span></a>
            <a href=""><img src="./image/38077313cb9eac4b.png" alt=""><span>领金贴</span></a>
            <a href=""><img src="./image/a7d6b66354efb141.png" alt=""><span>PLUS会员</span></a>
        </nav>
        <!-- 秒杀 -->
        <div class="floor clear">
            <div class="f-center clear">
                <div class="fc-top clear">
                    <a href="#" class="clear fct-1">
                        <div class="fat-left left clear">京东秒杀</div>
                        <div class="fat-right left clear">
                            <div>16</div>
                            <div class="fatr-tim clear">
                                <div>01</div>
                                <span>:</span>
                                <div>20</div>
                                <span>:</span>
                                <div>24</div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="clear fct-2 right">
                        <div class="wenzi"> 更多秒杀</div>
                        <i></i>
                    </a>
                </div>
                <div class="fc-bottom clear">
                    <div>
                        <img src="./image/秒杀1.dpg" alt="">
                        <p>￥43.2</p>
                    </div>
                    <div>
                        <img src="./image/秒杀2.dpg" alt="">
                        <p>￥1899</p>
                    </div>
                    <div>
                        <img src="./image/秒杀3.dpg" alt="">
                        <p>￥2399</p>
                    </div>
                    <div>
                        <img src="./image/秒杀4.dpg" alt="">
                        <p>￥8779</p>
                    </div>
                    <div>
                        <img src="./image/秒杀5.dpg" alt="">
                        <p>￥19.9</p>
                    </div>
                    <div>
                        <img src="./image/秒杀6.dpg" alt="">
                        <p>￥19.8</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 商品 -->
        <div class="floor clear">
            <div class="f-center clear" style="background-color: #F6F6F6;">
                <div class="shopping">
                    <div>
                        <img src="./image/商品1.webp" alt="">
                        <p>微妙爱珠宝（MILK&LOVE）收敛女天然就红石榴女男款附征书&nbsp;&nbsp;本命年石榴水晶时尚手链&nbsp;纯甄酒红石榴石【好运红猪猪】</p>
                        <p>￥99</p>
                        <div class="xiangsi right">
                            看相似
                        </div>
                    </div>
                    <div>
                        <img src="./image/商品2.webp" alt="">
                        <p>微妙爱珠宝（MILK&LOVE）收敛女天然就红石榴女男款附征书&nbsp;&nbsp;本命年石榴水晶时尚手链&nbsp;纯甄酒红石榴石【好运红猪猪】</p>
                        <p>￥15.9</p>
                        <div class="xiangsi right">
                            看相似
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="floor clear">
            <div class="f-center clear" style="background-color: #F6F6F6;">
                <div class="shopping">
                    <div>
                        <img src="./image/商品3、.webp" alt="">
                        <p>微妙爱珠宝（MILK&LOVE）收敛女天然就红石榴女男款附征书&nbsp;&nbsp;本命年石榴水晶时尚手链&nbsp;纯甄酒红石榴石【好运红猪猪】</p>
                        <p>￥99</p>
                        <div class="xiangsi right">
                            看相似
                        </div>
                    </div>
                    <div>
                        <img src="./image/商品4.webp" alt="">
                        <p>微妙爱珠宝（MILK&LOVE）收敛女天然就红石榴女男款附征书&nbsp;&nbsp;本命年石榴水晶时尚手链&nbsp;纯甄酒红石榴石【好运红猪猪】</p>
                        <p>￥15.9</p>
                        <div class="xiangsi right">
                            看相似
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <footer class="clear">
            <ul class="clear">
                <li>登录 <i></i></li>
                <li>注册 <i></i></li>
                <li>客户服务 <i></i></li>
                <li>返回顶部</li>
            </ul>
            <ul class="clear">
                <li>
                    <img src="image/5ab1c0deN947bdcba.png">

                </li>
                <li> <img src="image/5ab0b8e9Ne9c48331.png">

                </li>
                <li> <img src="image/5ab1c0f2N51c3f1bb.png">

                </li>
            </ul>
        </footer>
    </div>
</body>

</html>